.button {
    -fx-background-color: transparent;  /* 初始透明 */
    -fx-background-radius: 5;           /* 圆角匹配你的设计 */
    -fx-border-width: 0;                /* 移除边框 */
    -fx-cursor: hand;                    /* 悬浮时显示手型光标 */
    -fx-effect: null;                    /* 初始无特效 */
}

.button:hover {
    /* 半透明白色覆盖层（调整最后一个参数控制透明度） */
    -fx-background-color: rgba(255, 255, 255, 0.5);

    /* 发光效果阴影 */
    -fx-effect: dropshadow(
        three-pass-box,
        rgba(224, 236, 255, 0.8),  /* 使用与背景色相近的浅蓝白色 */
        12,  /* 阴影半径 */
        0.4, /* 扩散强度 */
        0, 0 /* 阴影偏移 */
    );

    /* 如果需要更强烈的颜色变化，可以添加轻微的颜色过滤 */
    -fx-color: derive(-fx-base, 35%);
}

.button:pressed {
    /* 更深的半透明白色覆盖（模拟按压） */
    -fx-background-color: rgba(255, 255, 255, 0.4);

    /* 强化光晕 + 轻微内凹阴影（可选） */
    -fx-effect: dropshadow(three-pass-box, rgba(210, 223, 255, 0.9), 8, 0.6, 0, 0),
                  innershadow(gaussian, rgba(0, 0, 0, 0.1), 3, 0.2, 0, 0);

    /* 可选：模拟按钮下移1像素的物理反馈 */
    -fx-translate-y: 1px;
}

.tooltip {
    -fx-background-color: #ffffff;
    -fx-text-fill: #000000;
}